html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block
}
ol, ul {
    list-style:none
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
body {
    color:#999;
    font:normal normal 11px/20px"Arial", "Trebuchet MS", Sans-Serif;
    line-height:1.5em;
    background-color:white
}
strong, b {
    font-weight:bold
}
cite, em, i {
    font-style:italic
}
a {
    color:#e77e23;
    text-decoration:none
}
a:hover {
    color:#04a30a
}
a img {
    border-width:0
}
acronym {
    border-bottom:1px dotted;
    cursor:help
}
sup, sub {
    vertical-align:baseline;
    position:relative;
    top:-.4em;
    font-size:86%
}
sub {
    top:.4em
}
small {
    font-size:86%
}
kbd {
    font-size:80%;
    border:1px solid #999;
    padding:2px 5px;
    border-bottom-width:2px;
    border-radius:4px;
    -webkit-border-radius:4px;
    background:#222;
    color:#bbb
}
mark {
    background-color:#ffce00;
    color:black
}
blockquote, pre, table, figure, hr, form, ol, dl {
    margin:1.5em 0
}
hr {
    height:1px;
    border:0;
    background-color:#666
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    font-family:'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
    line-height:normal;
    0;
    text-shadow:1px 1px #1a1a1a, 2px 2px #272626, 3px 3px #090808;
    margin:5px 0
}
h1, .h1 {
    font-size:1.5em
}
h2, .h2 {
    font-size:1.4em
}
h3, .h3 {
    font-size:1.3em
}
h4, .h4 {
    font-size:1.2em
}
h5, .h5 {
    font-size:1.1em
}
h6, .h6 {
    font-size:1.0
}
ol, ul, dl {
    margin-left:3em
}
ol {
    list-style:decimal outside
}
ul {
    list-style:disc outside
}
li {
    margin:.5em 0
}
dt {
    font-weight:bold
}
dd {
    margin:0 0 .5em 2em
}
input, button, select, textarea {
    font:inherit;
    line-height:normal;
    vertical-align:baseline
}
textarea {
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
a, a:link, h5 {
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
blockquote, b[rel="quote"] {
    display:block;
    font-weight:normal;
    background-color:#292929;
    color:#bbb;
    padding:20px 22px 20px 50px;
    position:relative;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .2);
    box-shadow:0 1px 0 rgba(0, 0, 0, .2)
}
blockquote a, blockquote a:focus, blockquote a:hover, blockquote code, b[rel="quote"] a, b[rel="quote"] a:focus, b[rel="quote"] a:hover, b[rel="quote"] code {
    color:#e77e23
}
blockquote:before, b[rel="quote"]:before {
    content:'\e054';
    font-family:'ei';
    font-size:inherit;
    width:1em;
    height:1em;
    line-height:1;
    color:#bbb;
    position:absolute;
    top:10px;
    left:10px
}
blockquote:after, b[rel="quote"]:after {
    content:"";
    display:block;
    width:0;
    height:0;
    border:10px solid;
    position:absolute;
    top:0;
    right:0;
    border-color:#222 #222 #bbb #bbb;
    -webkit-border-radius:0 0 0 3px;
    -moz-border-radius:0 0 0 3px;
    border-radius:0 0 0 3px;
    -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    box-shadow:0 1px 0 rgba(0, 0, 0, .1)
}
code, pre, i[rel="code"], i[rel="pre"] {
    font-style:normal;
    font-family:Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, Monospace;
    color:#805bc0
}
code a {
    color:inherit
}
pre, i[rel="pre"] {
    display:block;
    font-style:normal;
    font-size:11px;
    line-height:18px;
    background-color:#292929;
    color:#8e9081;
    padding:10px 12px;
    border-left:4px solid #74407e;
    white-space:pre;
    word-wrap:normal;
    overflow:auto
}
pre[data-codetype="CSS"] {
    border-left-color:#a21e38
}
pre[data-codetype="HTML"] {
    border-left-color:#e9571f
}
pre[data-codetype="JavaScript"] {
    border-left-color:#c0862e
}
pre[data-codetype="JQuery"] {
    border-left-color:#645f8e
}
pre[data-codetype="JQuery UI"] {
    border-left-color:#cea076
}
pre[data-codetype="XML"] {
    border-left-color:#b25a5a
}
pre code {
    color:inherit !important;
    font-weight:normal;
    display:block
}
pre.numbered {
    border-left-width:4px
}
pre.numbered[data-codetype]:before {
    content:attr(data-codetype);
    display:block;
    margin:-10px -12px 0;
    padding:8px 12px;
    font-family:'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
    font-size:14px;
    text-transform:uppercase;
    background-color:#40627e;
    color:white
}
pre.numbered[data-codetype="CSS"]:before {
    background-color:#a21e38
}
pre.numbered[data-codetype="HTML"]:before {
    background-color:#e9571f
}
pre.numbered[data-codetype="JavaScript"]:before {
    background-color:#c0862e
}
pre.numbered[data-codetype="JQuery"]:before {
    background-color:#645f8e
}
pre.numbered[data-codetype="JQuery UI"]:before {
    background-color:#cea076
}
pre.numbered[data-codetype="XML"]:before {
    background-color:#b25a5a
}
pre.numbered[data-codetype*="+"]:before {
    content:"Kode"
}
blockquote {
    border-left:4px solid #bbb;
    padding-left:1em;
    font-style:italic
}
table[border="1"] th, table[border="1"] td, table[border="1"] caption {
    border:1px solid;
    padding:.5em 1em;
    text-align:left;
    vertical-align:top
}
th {
    font-weight:bold
}
table[border="1"] caption {
    border:0;
    font-style:italic
}
.pull-left {
    float:left
}
.pull-right {
    float:right !important
}
.text-left {
    text-align:left
}
.button-group iframe.jsfiddle-demo {
    margin-bottom:0
}
iframe.jsfiddle-demo {
    display:block;
    width:100%;
    height:300px
}
.button-group, .text-center, .center {
    text-align:center
}
.text-right {
    text-align:right
}
.text-justify {
    text-align:justify
}
.catatan, .note, .alert, .instruction, em[rel="note"], .tip, .update, .block {
    display:block;
    font-style:normal;
    color:#333;
    padding:15px 18px 15px 48px;
    border-bottom:1px solid rgba(0, 0, 0, .1);
    position:relative
}
.catatan, .note, em[rel="note"] {
    border:1px solid #32aff7;
    background-color:#83d0fc
}
.alert {
    background-color:#c95858
}
.instruction {
    background-color:#db6161;
    border:1px solid #c44d4d
}
.tip {
    background-color:#587ec9
}
.update {
    background-color:#7fae47
}
.alert a, .alert code {
    color:#ffc0a7
}
.instruction a, .instruction code {
    color:#efd4d4 !important
}
.update a, .update code {
    color:#cbf0a5
}
.tip a, .tip code {
    color:#afcbff
}
.catatan:before, .note:before, em[rel="note"]:before, .alert:before, .instruction:before, .update:before, .tip:before {
    font-family:'ei';
    display:block;
    position:absolute;
    top:15px;
    left:16px;
    color:rgba(0, 0, 0, .15);
    font-size:22px;
    line-height:1
}
.catatan:before, .note:before, em[rel="note"]:before {
    content:"\e00b"
}
.alert:before {
    content:"\e009"
}
.instruction:before {
    content:"\e089"
}
.update:before {
    content:"\e107"
}
.tip:before {
    content:"\e0de"
}
.block {
    color:#bbb;
    padding:10px;
    border-bottom:0
}
.button.demo, .button.download {
    padding:5px 10px 3px 10px;
    min-width:110px;
    margin-right:5px
}
.cf {
    *zoom:1
}
.cf:before, .cf:after {
    content:" ";
    display:table
}
.cl {
    display:block
}
.cl, .cf:after {
    clear:both
}
.hidden {
    display:none
}
.invisible {
    visibility:hidden
}
.transparent {
    opacity:0
}
.you_wrap-outer {
    max-width:960px;
    margin:0 auto 0;
    overflow:hidden;
    position:relative;
    min-height:100%;
    background:#222
}
.you_nav {
    background:#292929
}
.you_nav li:hover>a, .you_nav li a:hover, .you_nav ul.menus a:hover, .you_nav li a:hover {
    color:#333;
    background:#04a30a;
    background-image:-webkit-linear-gradient(top, #cef5d0 5%, #04a30a 95%);
    background-image:-moz-linear-gradient(top, #cef5d0 5%, #04a30a 95%);
    background-image:-o-linear-gradient(top, #cef5d0 5%, #04a30a 95%)
}
.you_nav ul, .you_nav li {
    margin:0;
    padding:0;
    list-style:none
}
.you_nav li {
    float:left;
    display:inline;
    position:relative;
    font:12px'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
    text-transform:none
}
.you_nav a {
    display:block;
    line-height:35px;
    padding:0 14px;
    color:#777;
    text-decoration:none
}
.you_nav ul.menus {
    background:#292929;
    height:auto;
    overflow:hidden;
    width:180px;
    position:absolute;
    z-index:99;
    display:none;
    border:1px solid #2e2e2e
}
.you_nav ul.menus li {
    display:block;
    width:100%;
    font:12px'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
    text-transform:none
}
.you_nav li:hover ul.menus {
    display:block
}
#you_wrap-header {
    background:0;
    float:right;
    width:60%
}
.container {
    width:100px;
    background:#222;
    margin:5px
}
.container div {
    display:table
}
.container div span {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    color:#ddd
}
.a, .null, .p, .y {
    width:50px;
    height:50px;
    float:left
}
.a {
    background:#970202;
    position:relative;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font:23px'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif
}
.p {
    background:#1b9297;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font:30px'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif
}
.y {
    background:#f87209;
    -webkit-transform:rotate(50deg);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font:16px'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif
}
.smiley {
    margin-left:50px;
    width:50px;
    height:50px;
    position:relative;
    border-radius:150px;
    -webkit-border-radius:150px;
    -moz-border-radius:50px;
    display:block;
    background:#292929;
    background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#ccc));
    background:-moz-linear-gradient(top, #fffe8d, #f6d23e);
    box-shadow:inset 0 -14px 14px rgba(0, 0, 0, .3), 0 2px 20px rgba(0, 0, 0, .6);
    -webkit-box-shadow:inset 0 -14px 14px rgba(0, 0, 0, .3), 0 2px 20px rgba(0, 0, 0, .6);
    -moz-box-shadow:inset 0 -14px 14px rgba(0, 0, 0, .3), 0 2px 20px rgba(0, 0, 0, .6)
}
span.mata {
    width:8px;
    height:12px;
    background:#222;
    border-radius:100px/160px;
    -webkit-border-radius:100px 160px;
    -moz-border-radius:100px/160px;
    position:absolute;
    top:10px;
    box-shadow:0 2px 0 rgba(255, 255, 255, 0.8);
    -webkit-box-shadow:0 2px 0 rgba(255, 255, 255, 0.8);
    -moz-box-shadow:0 2px 0 rgba(255, 255, 255, 0.8)
}
span.mata.matakiri {
    left:30px
}
span.mata.matakanan {
    right:30px
}
div.mulut {
    width:30px;
    height:10px;
    border:2px solid #222;
    border-top:0;
    background:rgba(0, 0, 0, 0);
    -moz-border-radius:0 0 120px 120px / 0 0 90px 90px;
    -webkit-border-radius:0 0 120px 120px 0 0 90px 90px;
    border-radius:0 0 120px 120px / 0 0 90px 90px;
    position:absolute;
    bottom:8px;
    left:8px
}
div.lesungpipi {
    width:2px;
    height:5px;
    background:#222;
    border-radius:100px/160px;
    -webkit-border-radius:100px 160px;
    -moz-border-radius:100px/160px;
    position:absolute;
    top:-3px;
    -webkit-transform:rotate(65deg);
    -moz-transform:rotate(65deg);
    left:-4px
}
div.lesungpipi.kanan {
    left:31px;
    -webkit-transform:rotate(-65deg);
    -moz-transform:rotate(-65deg)
}
.smiley:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transition:all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -ms-transition:all 2s ease-in-out;
    -o-transition:all 2s ease-in-out;
    transition:all 2s ease-in-out;
    -webkit-animation:bounce .3s ease infinite alternate
}
@-webkit-keyframes bounce {
    100% {
        top:-20px;
        box-shadow:0 10px 30px rgba(0, 0, 0, .3)
    }
}
#you_wrap-header {
    background:0
}
#you_wrap-header .description {
    font:inherit;
    margin:0
}
#Blog1 {
    padding:0 10px
}
#toc-outer {
    margin:0 -9px 0
}
#you_main-section {
    max-width:646px;
    width:100%;
    float:left;
    word-wrap:break-word;
    overflow:hidden;
    border-left:1px solid #292929;
    box-shadow:inset 1px 0 #1a1a1a;
    -webkit-box-shadow:inset 1px 0 #1a1a1a
}
.you_item {
    float:left;
    height:auto;
    overflow:hidden;
    width:47%;
    margin:3px 5px 8px;
    padding:0 3px;
    border:1px solid #292929;
    -webkit-box-shadow:inset 1px 0 #1a1a1a;
    -moz-box-shadow:inset 0 1px 0 #1a1a1a;
    box-shadow:inset 1px 1px #1a1a1a
}
.you_item h6 {
    margin:0;
    border-bottom:1px solid #1a1a1a;
    height:30px;
    overflow:hidden;
    padding:2px 6px !important
}
.you_item h6 a:hover {
    color:#e77e23
}
.you_item h6 a {
    color:#bbb
}
.you_item img {
    float:left;
    height:70px;
    width:70px;
    z-indent:99999px;
    margin:0 7px 5px 5px
}
.you_item .you_foot {
    border-top:1px solid #1a1a1a;
    padding:1px
}
.iteminside {
    height:80px;
    overflow:hidden;
    border-top:1px solid #292929;
    padding-top:5px;
    border-bottom:1px solid #292929
}
.you_item .you_foot a.itemrmore {
    display:block;
    float:right;
    color:#bbb;
    line-height:100%;
    padding:3px;
    font-size:10px
}
#itempager {
    clear:both;
    padding:10px 0
}
#you_page {
    font:inherit;
    width:100%;
    float:left;
    margin-top:10px
}
#you_tot {
    padding:2px
}
#you_hal, #you_tot {
    font:inherit;
    margin:10px 5px;
    text-align:left;
    padding:0
}
#you_hal span, #you_hal a {
    box-shadow:inset 1px 1px 1px #1a1a1a;
    -webkit-box-shadow:inset 1px 1px #1a1a1a;
    background:#292929;
    color:#999;
    display:inline;
    text-indent:0;
    margin:0 2px;
    padding:4px 8px;
    font-size:11px
}
#halaman span.hidden {
    display:none
}
.readmorecontent a:hover, #you_hal a:hover, #you_hal span.actual, #you_hal span a:hover {
    background:#04a30a;
    color:#fff
}
.you_post-title a {
    color:#bbb
}
.you_post-title a:hover {
    color:#e77e23
}
.you_post-title {
    margin:0;
    padding:10px 5px
}
.breadcrumbs {
    width:90%;
    overflow:hidden
}
.breadcrumbs i:before {
    font-size:15px;
    margin-right:4px;
    content:"\e028"
}
.you_breadcrumbs {
    border:1px solid #2e2e2e;
    position:relative;
    color:#888;
    background-color:#292929;
    margin:4px 0 0;
    height:30px;
    line-height:30px;
    padding:0 2px 0 10px;
    font-family:'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
    font-size:11px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-border-radius:0 0 0 15px;
    -moz-border-radius:0 0 0 15px;
    border-radius:0 0 0 15px
}
.breadcrumbs a {
    color:#888
}
.postmeta a {
    color:#888
}
.postmeta {
    font:normal .95em'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
    padding:5px;
    color:#888;
    border:1px solid #2e2e2e;
    background:#292929;
    border-radius:5px 5px 0 0;
    -webkit-border-radius;
    5px 5px 0 0
}
.vcard i:before {
    content:"\e01c";
    font-size:13px
}
.publisher i:before {
    content:"\e067";
    font-size:13px
}
.clock i:before {
    content:"\e10b";
    font-size:13px
}
.thumb {
    width:100px;
    height:80px;
    text-align:center;
    float:left;
    margin-right:5px;
    position:relative;
    background:#292929;
    border-radius:0 0 0 20px;
    -webkit-border-radius:0 0 0 20px;
    border:1px solid #2e2e2e
}
.thumb img {
    border:5px solid #353535;
    padding:0;
    width:60px;
    height:60px;
    border-radius:100px;
    -webkit-border-radius:100px;
    margin-top:4px
}
.readmorecontent a, .button-print {
    border:1px solid #2e2e2e;
    Float:right;
    background:#292929;
    padding:3px 5px;
    border-radius:3px;
    -webkit-border-radius:3px;
    color:#888;
    margin:10px 0 0
}
.button-print a:hover, {
    background:#37a9ce
}
.horizontal {
    height:Auto;
    padding:10px 0 0 0;
    border-bottom:3px solid #292929
}
.horizontal span {
    float:left;
    background:#292929;
    margin:13px 5px 0 0;
    color:#bbb;
    font:1.1em'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
    padding:7px;
    border-bottom:#292929;
    line-height:1em
}
hcard-yOu-w4hyOu.vcard, .vcard, .publisher, .clock {
    padding:2px 2px 2px 0
}
.authorbox {
    border:1px solid #2e2e2e;
    background:#292929;
    height:auto;
    transition:all .3s ease-in;
    margin:10px 0;
    padding:10px;
    color:#bbb
}
.authorboxin {
    border:1px solid #bbb;
    margin:0 auto;
    padding:8px 5px 10px
}
.authoravatar {
    border:1px solid #222220;
    float:left;
    height:90px;
    position:relative;
    -webkit-border-radius:4px;
    border-radius:4px;
    box-shadow:0 0 4px 0 #363636;
    -webkit-box-shadow:0 0 4px 0 #363636;
    width:90px;
    margin:0 10px 0 0
}
img {
    box-shadow:0 0 5px 0 #bbb9b9;
    -webkit-box-shadow:0 0 5px 0 #bbb9b9;
    border-radius:4px;
    -webkit-border-radius:4px
}
.authoravatar img {
    height:86px;
    width:86px;
    border:0;
    border-radius:2px;
    padding:2px
}
img:hover, .authoravatar img:hover {
    transition:all .2s ease-in-out;
    opacity:.7
}
.authorlabel a {
    color:#fff
}
.authorlabel {
    line-height:20px;
    margin-left:-30px;
    position:absolute;
    bottom:-7px;
    left:55%;
    padding:0 5px;
    border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    font-size:12px !important
}
.authorhead {
    background:#ccc;
    border-bottom:1px solid #bbb;
    margin-bottom:5px;
    position:relative;
    padding:5px
}
.authorbox span.bio, .bio {
    margin:0;
    line-height:1.6em
}
#blog-pager {
    font-size:14px
}
#blog-pager .prev:before {
    content:"\e0d4"
}
#blog-pager .next:before {
    content:"\e0af"
}
ul#social-ikonzs li {
    float:left;
    position:relative;
    list-style:none;
    bottom:-6px
}
ul#social-ikonzs a {
    width:19px;
    height:20px;
    display:block;
    margin:0 3px
}
ul#social-ikonzs li.facebook a:before {
    content:"\e09c"
}
ul#social-ikonzs li.twitter a:before {
    content:"\e018"
}
ul#social-ikonzs li.google a:before {
    content:"\e0fc"
}
ul#social-ikonzs li.stumbleupon a:before {
    content:"\e02a"
}
ul#social-ikonzs li.digg a:before {
    content:"\e0c5"
}
ul#social-ikonzs li.delicious a:before {
    content:"\e0c7"
}
ul#social-ikonzs li.linkedin a:before {
    content:"\e081"
}
ul#social-ikonzs li.reddit a:before {
    content:"\e050"
}
ul#social-ikonzs li.technorati a:before {
    content:"\e019"
}
ul#social-ikonzs {
    float:left;
    margin:3px 0 0;
    padding:0;
    font-size:17px
}
.clearfix:after {
    content:"";
    display:table;
    clear:both
}
#related-posts .kait:before {
    content:"\e052";
    font-size:1.3em;
    padding:5px
}
#related-posts {
    float:left;
    width:100%;
    margin-top:5px
}
#related-posts a {
    font:inherit;
    color:#bbb
}
#related-posts li {
    border-top:1px solid #292929;
    border-bottom:1px solid #1a1a1a;
    margin:0;
    padding:3px 0 3px 12px
}
#related-posts a:hover {
    color:#e77e23
}
#related-posts ul, #related-posts .widget {
    margin:0;
    padding:0;
    border-top:1px solid #1a1a1a;
    border-bottom:1px solid #292929;
    list-style:none
}
.clearfix {
    *zoom:1
}
.pull-left {
    display:block;
    float:left
}
.pull-right {
    display:block;
    float:right
}
h4 .comm-icon:before {
    content:"\e0a3";
    font-size:1.3em;
    padding:5px
}
#related-posts h4, #custom-comments h4 {
    background:#292929;
    padding:5px;
    -webkit-border-radius:0 0 0 15px;
    -moz-border-radius:0 0 0 15px;
    border-radius:0 0 0 15px;
    box-shadow:inset 1px 1px 1px #1a1a1a;
    -webkit-box-shadow:inset 1px 1px #1a1a1a
}
.custom-comments {
    margin:2em 0 0;
    font:inherit;
    letter-spacing:0
}
.custom-comments .comment-item {
    margin:1.5em 0 1em;
    padding:0 0 .7em 0;
    border-bottom:1px solid #292929;
    position:relative
}
.custom-comments .comment-body, .custom-comments .comment-header {
    overflow:hidden;
    margin:0 0 1em 6em;
    padding:5px;
    border:1px solid #292929;
    border-radius:5px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    box-shadow:inset 1px 1px 1px #1a1a1a;
    -webkit-box-shadow:inset 1px 1px #1a1a1a
}
.cm-outer img, .custom-comments .avatar-image-container {
    box-shadow:inset 1px 1px #1a1a1a;
    -webkit-box-shadow:inset 1px 1px #1a1a1a;
    background:#292929;
    background-size:35px;
    margin:0 0 10px 0;
    vertical-align:middle;
    border:1px solid #292929;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:4px;
    width:35px !important;
    height:35px !important;
    max-width:100%;
    max-height:100%;
    float:none
}
.comments .avatar-image-container img {
    width:35px !important;
    height:35px !important;
    max-width:100%;
    max-height:100%;
    overflow:visible;
    float:none
}
#postCommentSubmit, input[type="button"] {
    width:auto !important
}
.comment-reply {
    margin-left:50px
}
.custom-comments .comment-reply a {
    color:#767643
}
.avatar-box .reply-btn, .custom-comments .cancel-reply-btn {
    background:#292929;
    box-shadow:inset 1px 1px #1a1a1a;
    -webkit-box-shadow:inset 1px 1px #1a1a1a;
    border:1px solid #292929;
    outline:0;
    padding:2px .7em 3px .8em;
    text-decoration:none
}
.reply-btn:before {
    color:#3db537
}
.comment-body .delete-btn:before {
    content:"\e04e";
    color:#3a3a3a
}
.custom-comments .comment-bottom-line a:hover, .custom-comments .cancel-reply-btn:hover {
    border-color:#bbb;
    text-decoration:none
}
.custom-comments .comment-bottom-line a:focus, .custom-comments .comment-bottom-line a:active, .custom-comments .cancel-reply-btn:focus, .custom-comments .cancel-reply-btn:active {
    border-color:#999
}
.custom-comments .custom-comment-form {
    margin:1em 0 2em;
    clear:both
}
.custom-comments .comment-item .custom-comment-form {
    border:1px solid #292929;
    padding-bottom:10px;
    margin-left:66px;
    box-shadow:inset 1px 1px 1px #1a1a1a;
    -webkit-box-shadow:inset 1px 1px #1a1a1a;
    border-radius:5px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px
}
.custom-comments #comment-editor {
    max-width:none;
    width:100%;
    height:230px;
    border:0;
    background:0
}
.custom-comments .custom-comment-form .cancel-reply-btn {
    display:none
}
.custom-comments .comment-item .custom-comment-form .cancel-reply-btn {
    display:inline;
    margin:5px
}
.custom-comments .comment-item .custom-comment-form h4 {
    display:none
}
#pageloader, #loadingscript, .loader, .custom-comments .custom-comment-editor-wrapper {
    background:transparent url('') no-repeat 50% 50%
}
.custom-comments .deleted-comment {
    font-style:italic;
    color:#aaa
}
.custom-comments .paging-control-container {
    font-size:80%;
    text-align:center;
    width:auto;
    height:auto;
    line-height:normal;
    margin:1em 0;
    float:none;
    display:block;
    clear:both;
    border:1px solid #292929;
    padding:.5em 1em;
    overflow:hidden
}
.custom-comments .paging-control-container .unneeded-paging-control {
    display:none
}
.custom-comments .paging-control-container .paging-control {
    display:inline
}
.author-comment>.comment-item .comment-header, .author-comment>.comment-item .comment-body, .author-comment .comment-reply>.comment-header, .author-comment .comment-reply>.comment-body {
    background:#292929;
    color:#bbb;
    border:1px solid #292929
}
[data-icon]:before {
    display:inline;
    vertical-align:middle;
    font-family:'ei';
    content:attr(data-icon);
    speak:none;
    font-weight:normal;
    font-style:normal;
    line-height:1;
    -webkit-font-smoothing:antialiased
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button, .authorlabel {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-shadow:rgba(0, 0, 0, 0.6) -1px -1px 0;
    border:1px solid #2aad09;
    outline:0;
    background-color:#04a30a;
    -webkit-box-shadow:rgba(255, 255, 255, 0.3) 0 1px 0 0 inset;
    -moz-box-shadow:rgba(255, 255, 255, 0.3) 0 1px 0 0 inset;
    box-shadow:rgba(255, 255, 255, 0.3) 0 1px 0 0 inset;
    background-image:-webkit-linear-gradient(top, rgba(90, 255, 90, 0.5) 5%, rgba(90, 255, 255, 0.1) 95%);
    background-image:-moz-linear-gradient(top, rgba(90, 255, 90, 0.5) 5%, rgba(90, 255, 255, 0.1) 95%);
    background-image:-o-linear-gradient(top, rgba(90, 255, 90, 0.5) 5%, rgba(90, 255, 255, 0.1) 95%);
    -webkit-transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    transition:background-color .2s ease-out;
    cursor:pointer;
    text-align:center;
    clear:both;
    display:inline-block;
    width:auto;
    vertical-align:top;
    font-family:'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
    font-size:13px;
    color:white !important
}
option, optgroup {
    font-family:inherit;
    color:inherit
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, a.button:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus, a.button:focus, .authorlabel:hover {
    background-color:#0b8606;
    border-color:#25850d #2b880e #126b01;
    color:white !important;
    text-decoration:none
}
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active, a.button:active {
    -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);
    border-color:transparent
}
.button.download:before, .button.demo:before, .button.link:before, .button.try:before {
    font-family:'ei';
    font-weight:normal;
    font-style:normal;
    vertical-align:middle;
    margin:0 6px 0 -6px;
    font-size:16px;
    color:#06940b;
    text-shadow:0 1px 0 rgba(255, 255, 255, .1)
}
.button.download:before {
    content:"\e0c3"
}
.button.demo:before {
    content:"\e09d"
}
.button.link:before {
    content:"\e052"
}
.button.try:before {
    content:"\e109"
}
.button.disabled:before {
    color:#aaa;
    text-shadow:none
}
.share:before {
    content:"\e036"
}
input[disabled], input[readonly], textarea[disabled], select[readonly], textarea[readonly] {
    cursor:default;
    background-color:#eee
}
button[disabled], input[disabled], select[disabled], textarea[disabled] {
    cursor:not-allowed
}
button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], .button.disabled, a.button.disabled, button[disabled]:hover, input[type="button"][disabled]:hover, input[type="reset"][disabled]:hover, input[type="submit"][disabled]:hover, .button.disabled:hover, a.button.disabled:hover, button[disabled]:active, input[type="button"][disabled]:active, input[type="reset"][disabled]:active, input[type="submit"][disabled]:active, .button.disabled:active, a.button.disabled:active {
    background-image:none;
    background-color:#ccc;
    border-color:#bbb #bbb #bbb;
    color:#e1e1e1 !important;
    text-shadow:none;
    top:0;
    -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);
    box-shadow:1px 1px 1px rgba(0, 0, 0, .1)
}
.status-msg-wrap {
    font:inherit;
    width:98%;
    margin:8px 5px;
    position:relative;
    -webkit-box-shadow:1px 1px 5px #c3c3c3;
    -moz-box-shadow:1px 1px 5px #c3c3c3;
    -ms-box-shadow:1px 1px 5px #c3c3c3;
    -o-box-shadow:1px 1px 5px #c3c3c3;
    box-shadow:1px 1px 5px #c3c3c3;
    background:#292929;
    border:1px solid #292929
}
.status-msg-body {
    text-align:center;
    padding:.3em 0;
    width:100%;
    position:absolute;
    z-index:4
}
.status-msg-border {
    border:1px solid #292929;
    filter:alpha(opacity=40);
    -moz-opacity:.4;
    opacity:.4;
    width:100%;
    position relative
}
.status-msg-bg {
    background-color:#292929;
    opacity:.8;
    filter:alpha(opacity=30);
    -moz-opacity:.8;
    width:100%;
    position:relative;
    z-index:1
}
.status-msg-hidden {
    visibility:hidden;
    padding:.3em 0
}
#tooltips, .tooltips {
    display:none;
    position:absolute;
    color:#fff;
    text-shadow:0 0 2px #000;
    padding:4px 8px;
    border:1px solid rgba(255, 255, 255, 0.25);
    background-color:#191919;
    background-color:rgba(25, 25, 25, 0.92);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#000));
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow:0 0 3px #555;
    -webkit-box-shadow:0 0 3px #555;
    -moz-box-shadow:0 0 3px #555;
    font:inherit;
    font-size:97%;
    width:auto;
    max-width:200px;
    opacity:.88
}
.indexfb {
    float:left;
    width:100%;
    margin:10px 0;
    overflow:hidden
}
#HTML3 {
    background:#292929;
    margin-top:10px
}
.you_toc-outer td {
    padding:2px
}
form {
    margin:4px 0
}
.you_toc-outer {
    margin:0 -9px 0
}
.you_toc-outer table {
    margin:0 10px
}
.you_toc-outer input, .you_toc-outer select {
    padding:4px;
    font-size:11px
}
.you_toc-outer label {
    display:block;
    font-weight:bold;
    text-align:right;
    font-size:11px;
    margin:0 4px 0 0
}
.you_toc-feed-container {
    margin:0 -10px
}
.you_toc-outer td {
    padding:2px
}
.you_toc-feed-container li {
    color:#bbb;
    margin:0;
    border-top:1px solid #292929;
    -webkit-box-shadow:inset 0 1px 0 #1a1a1a;
    -moz-box-shadow:inset 0 1px 0 #1a1a1a;
    box-shadow:inset 0 1px 0 #1a1a1a;
    padding:0 10px 10px 0
}
.you_toc-feed-container li:first-child {
    border-top:0
}
.you_toc-thumbnail {
    float:left;
    margin:0 10px;
    padding:4px;
    background-color:#292929
}
.you_toc-title, .you_toc-title:focus, .you_toc-title:hover, .you_toc-title:active {
    font-weight:bold;
    font-size:12px;
    line-height:20px;
    color:white;
    text-shadow:0 -1px 0 rgba(0, 0, 0, .2)
}
.you_search-description-message {
    display:block;
    margin:0 -10px 0;
    padding:10px 12px;
    font-weight:bold;
    background-color:#222;
    border-top:1px solid #292929;
    border-bottom:1px solid #292929;
    color:#bbb
}
.you_toc-feed-nav {
    margin:2px 0 0-9px
}
.you_toc-feed-nav span {
    cursor:wait
}
.you_toc-feed-nav a span {
    display:inline-block;
    margin:0;
    vertical-align:middle;
    cursor:inherit
}
#you_toc-label-sorter, .you_toc-feed-order {
    width:150px
}
#you_toc-feed-searcher-text {
    width:139px
}
.you_toc-summary {
    padding:0 0 0 10px
}
.you_wrap-sidebar {
    width:100%;
    max-width:305px;
    word-wrap:break-word;
    overflow:hidden;
    margin-right:7.6px;
    position:relative
}
.you_wrap-sidebar .you_wrap-inner {
    padding-left:3px;
    color:#888
}
.sidebar {
    border-top:0;
    font:inherit;
    vertical-align:baseline;
    margin-top:10px
}
.you_wrap-sidebar h3 {
    font-size:13px;
    line-height:normal;
    text-transform:uppercase;
    padding:0 5px;
    float:left;
    text-shadow:none;
    margin:0
}
.sidebarT, .relhead {
    border:1px solid #2e2e2e;
    overflow:hidden;
    margin-bottom:5px;
    padding:2px 0;
    background:#292929
}
.relhead.stripe-line {
    margin-top:3px
}
.stripe-line {
    background:url(data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAADlJREFUKFNjZEAAKST2MyLEwUpAmmAYSQ+qOLLJxGgibCK684hyBrL7iHEGurOJ9zBZNo2GEqG0BADoMgnu0HhcEAAAAABJRU5ErkJggg==);
    height:12px;
    overflow:hidden;
    margin-top:4px
}
.you_wrap-sidebar .widget {
    margin:10px 0 0
}
.you_wrap-sidebar .widget ol, .you_wrap-sidebar .widget ul, .you_wrap-sidebar .widget li {
    margin:0;
    padding:0;
    list-style:none
}
.you_wrap-sidebar .widget ol, .you_wrap-sidebar .widget ul {
    border-top:1px solid #1a1a1a;
    border-bottom:1px solid #292929
}
.you_wrap-sidebar .widget li {
    padding:3px 15px 3px 5px;
    border-top:1px solid #292929;
    border-bottom:1px solid #1a1a1a
}
.you_wrap-sidebar .widget a {
    color:#888
}
.you_wrap-sidebar .widget a:focus, .you_wrap-sidebar .widget a:hover {
    color:#04a30a;
    text-decoration:none
}
.widget.PopularPosts li h4 {
    font:inherit;
    text-shadow:none;
    margin:0
}
.fb_iframe_widget span {
    overflow:hidden !important
}
.you_wrap-sidebar .widget.Label li:hover .label-count, .you_wrap-sidebar .widget.Label a:focus+.label-count {
    background:#04a30a;
    color:#FFF;
    box-shadow:none;
    -webkit-box-shadow:none
}
.label-count {
    background:#292929;
    border:1px solid #313131;
    border-radius:3px;
    -webkit-border-radius:3px;
    padding:0 5px;
    float:right;
    text-align:center;
    margin:-1px -15px 0 0;
    box-shadow:inset 1px 1px 1px #1a1a1a;
    -webkit-box-shadow:inset 1px 1px #1a1a1a
}
#iklan-teks {
    border:1px solid #2e2e2e;
    width:300px;
    height:259px;
    background-color:#292929;
    position:relative;
    overflow:hidden
}
#iklan-teks h2.iklan-header {
    text-shadow:none;
    cursor:pointer;
    background-color:#292929;
    background-image:none;
    font:normal 20px Verdana, Tahoma, Serif;
    color:#fff;
    border-top:1px solid #2e2e2e;
    padding:10px;
    margin:0;
    position:relative
}
#iklan-teks h2.active {
    display:none
}
#iklan-teks h2.iklan-header:before {
    content:"";
    width:0;
    height:0;
    position:absolute;
    top:20px;
    right:15px;
    border:5px solid transparent;
    border-color:#dbe5f1 transparent transparent
}
#iklan-teks div {
    height:100px;
    padding:10px 50px 10px 10px;
    font:normal 13px Verdana, Tahoma, Serif;
    color:white;
    border-top:1px solid #2e2e2e
}
.judul {
    font:normal 20px Verdana, Tahoma, Serif;
    color:white;
    margin:0 0 5px 0
}
a.judul {
    font:normal 20px Verdana, Tahoma, Serif !important;
    color:#fff !important;
    text-decoration:none;
    display:inline-block
}
a:hover.judul {
    font:normal 20px Verdana, Tahoma, Serif !important;
    color:#fff;
    text-decoration:underline
}
.isi-iklan a {
    font:normal 13px Verdana, Tahoma, Serif;
    color:#f1f5f9 !important;
    text-decoration:none;
    display:block;
    margin-bottom:10px
}
.isi-iklan a:hover {
    color:white;
    text-decoration:none
}
.isi {
    padding-top:15px;
    color:#d2ddea
}
.panah-besar {
    background:#747474;
    border-radius:50%;
    cursor:pointer;
    height:34px;
    float:right;
    margin-right:-40px;
    margin-top:-40px;
    width:34px;
    text-align:center;
    line-height:34px
}
.panah-besar:hover {
    background:#646464
}
.info-icon {
    width:15px;
    height:15px;
    position:absolute;
    top:0;
    right:2px;
    cursor:pointer
}
.info-iklan {
    background:#d3d3d3;
    width:auto;
    height:15px;
    border-bottom-left-radius:4px;
    position:absolute;
    top:0;
    right:0;
    color:#000;
    font:normal 11px Arial, Sans-Serif;
    text-align:left;
    overflow:hidden;
    padding-right:19px;
    padding-left:5px;
    display:none
}
.panah-besar:before {
    content:"\e0cc";
    color:#fff !important;
    font-size:16px
}
.panah-besar[data-icon]:before {
    padding:10px;
    position:absolute;
    display:table-cell
}
.you_wrap-footer {
    background-color:#1c1c1c;
    border-top:2px solid #242424;
    padding:0 0 10px;
    color:#888;
    position:relative
}
.you_wrap-credits {
    border-top:1px solid #111;
    border-bottom:1px solid #242424;
    background-color:#171717;
    margin-bottom:10px;
    padding:5px 10px 10px;
    font-size:11px;
    line-height:16px
}
.you_wrap-footer .co, .you_wrap-footer .po {
    font-family:'Open Sans', "Segoe UI", Arial, Tahoma, sans-serif;
    font-size:12px;
    padding:0 20px
}
#comments-container {
    width:300px;
    position:fixed;
    top:77px;
    right:205px;
    z-index:9999;
    background-color:#292929;
    padding:50px 10px 15px 10px;
    color:#666;
    display:none;
    box-shadow:0 4px 15px -4px rgba(0, 0, 0, .4) !important;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-align:left;
    border:1px solid rgba(0, 0, 0, .16);
    background-clip:padding-box
}
#comments-container:after {
    content:"Komentar Terbaru";
    font-size:12px;
    background-color:#424242;
    padding:10px;
    color:#929292;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    top:0;
    left:0;
    width:300px;
    position:absolute
}
#comments-container:before {
    content:"";
    width:0;
    height:0;
    position:absolute;
    bottom:100%;
    right:7px;
    border:8px solid transparent;
    border-color:transparent transparent #424242
}
#show-total {
    top:22px;
    cursor:pointer;
    float:left
}
.total-show {
    background-color:#b60202;
    border:1px solid #9e0d0d;
    color:white;
    padding:2px 6px;
    font-size:11px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-weight:bold
}
.cm-outer .cm-header {
    margin:0 0 5px
}
.cm-outer .cm-content {
    overflow:hidden
}
.cm-outer img {
    display:block;
    float:left;
    margin:2px 10px 2px 0;
    border:1px solid #292929
}
.cm-outer {
    max-height:535px;
    margin:0 auto;
    padding:0;
    font:inherit;
    border:1px solid #333;
    border-top:0;
    color:#bbb;
    overflow-y:scroll;
    overflow-x:hidden
}
.cm-outer li {
    margin:0;
    padding:7px 10px 12px;
    list-style:none;
    clear:both;
    border-top:1px solid #363636;
    border-bottom:1px solid #202020
}
#notif {
    cursor:pointer;
    float:right
}
#notif:before {
    content:"\e0d1";
    font-size:18px;
    border:1px solid #383838;
    padding:3px 3px;
    margin-top:2px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    display:block;
    position:relative;
    color:rgba(94, 94, 94, 0.83);
    transition:all .4s ease-out
}
#notif:hover:before {
    color:rgba(42, 233, 16, 0.5)
}
.cm-outer::-webkit-scrollbar {
    width:5px;
    background:#424242
}
.cm-outer::-webkit-scrollbar-thumb {
    background-color:#222;
    -moz-border-radius:1px;
    border-radius:1px
}
.cm-outer::-moz-webkit-scrollbar {
    width:5px;
    background:#424242
}
.cm-outer::-moz-webkit-scrollbar-thumb {
    background-color:#222;
    -moz-border-radius:1px;
    border-radius:1px
}
@media screen and (max-width:975px) {
    #you_main-section, .you_wrap-sidebar {
        width:100%;
        max-width:none
    }
    #you_wrap-header {
        float:none;
        text-align:center;
        width:100%
    }
    aside {
        display:none
    }
    .pull-right {
        float:none
    }
}
@media screen and (max-width:636px) {
    .you_item {
        width:100%
    }
}
@media print {
    a, a:visited {
        text-decoration:none
    }
    body {
        font:normal normal 12px/20px"Arial"
    }
    .you_post-title a, .you_post-title a:visited, code a, a.button {
        text-decoration:none
    }
    a[href]:after {
        content:" (" attr(href)")"
    }
    abbr[title]:after {
        content:" (" attr(title)")"
    }
    a[href^="javascript:"]:after, a[href^="#"]:after, a[href$=".jpg"]:after, a[href$=".jpeg"]:after, a[href$=".png"]:after, a[href$=".gif"]:after, a[href$=".bmp"]:after, a[href$=".JPG"]:after, a[href$=".JPEG"]:after, a[href$=".PNG"]:after, a[href$=".GIF"]:after, a[href$=".BMP"]:after, a.button:after, code a[href]:after, .you_post-title a:after, .postmeta a:after {
        content:""
    }
    thead {
        display:table-header-group
    }
    tr, img {
        page-break-inside:avoid
    }
    img {
        max-width:100% !important
    }
    .no-print, .tooltip, .jsfiddle-demo, blockquote:before, blockquote:after, #blog-pager {
        display:none !important
    }
    #you_main-section, blockquote, pre, code {
        background:0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        color:inherit;
        page-break-inside:avoid
    }
    #you_main-section {
        max-width:none;
        width:100%;
        border-left:0
    }
}